
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <style>
    @font-face{
        font-family: 'U1F400';
        src:url(U1F400.woff)
    }
    html,body,iframe{
        height: 100%;
        width: 100%;
        padding: 0px;
        margin: 0px;

        user-select: none;
    }
    .border{
        height: 100%;
        width: 100%;

        padding: 0px;
        box-shadow: 0 0 5px rgb(100,100,100);
    }
    .container{
        height: calc(100% - 30px);
        width: 100%;
    }
    .bar{
        height: 30px;
        width: 100%;
        background-color: rgb(12,130,220);
    }
    .bar-title{
        float: left;
        padding-left: 5px;

        line-height: 30px;
        text-align: left;
        color: rgb(255,255,255);
        font-size: 14px;
    }
    .bar-button{
        height: 30px;
        width: 30px;
        float: right;
    
        font-family: 'U1F400';
        line-height: 30px;
        text-align: center;
        color: rgb(255,255,255);
        font-weight: bold;
        font-size: 14px;

        -webkit-app-region:no-drag;
    }
    .bar-button:hover{
        background-color: rgb(33,140,221);
    }
    </style>
</head>
<body style="box-sizing: border-box;padding: 5px;-webkit-app-region:drag;">
    <div class="border">
        <div class="bar">
            <div class="bar-title">电路计算工具箱</div>

            <div class="bar-button" onclick="require('nw.gui').Window.get().close()">&#128473;</div>
            <div class="bar-button" onclick="require('nw.gui').Window.get().minimize()">&#128469;</div>
        </div>
        <div class="container">
            <div style="width: 100%;height: 100%;background-color: rgb(255,255,255);-webkit-app-region:no-drag;">
                <iframe frameborder="0" src="index.html"></iframe>
            </div>
        </div>
    </div>
</body>
</html>